/**
 * 波段规划详情
 */
import * as React from 'react'
import { Card, Divider } from 'antd'
import Authentication from '../../router/Authentication'
import { PageHeaderLayout, DescriptionList, Description } from '../../components'

export interface Props{
  record: any
}

@Authentication
class ThdemandInfo extends React.Component<Props, any> {

  render () {
    const { record } = this.props
    return (
      <PageHeaderLayout 
        title = "">
        <Card bordered={false}>
          <DescriptionList size="large" title="基本信息" style={{ marginBottom: 32 }}>
            <Description term="波段号">{record.id}</Description>
            <Description term="年份">{record.Year}</Description>
            <Description term="名称">{record.bandname}</Description>
            <Description term="风格">{record.fgText}</Description>
            <Description term="大类">{record.dlText}</Description>
            <Description term="小类">{record.xlText}</Description>
            <Description term="提供样版数">{record.supplyqty}</Description>
            <Description term="上货款数">{record.kindqty}</Description>
            <Description term="上市日期">{record.indate}</Description>
            <Description term="审版日期">{record.approvaldate}</Description>
            <Description term="上传图片截止日期">{record.uploaddate}</Description>
            <Description term="邮寄样衣日期">{record.maildate}</Description>
          </DescriptionList>
          <Divider style={{ marginBottom: 32 }} />
          <DescriptionList size="large" title="说明信息" style={{ marginBottom: 32 }}>
            <Description term="说明">{record.Year}</Description>
          </DescriptionList>
        </Card>
      </PageHeaderLayout>
    )
  }
}

export default ThdemandInfo
